<template>
  <div class="post">
    <div class="positioning" @click="bindEvent">
      <img v-if="possinon" src="../../assets/icon/dingwei1.png" alt="" />
      <img v-if="!possinon" src="../../assets/icon/dingwei.png" alt="" />
      <!-- <button class="btn" id="LBS-btn" @click="bindEvent">获取当前位置</button> -->
    </div>
    <div class="positioning" @click="bindEvent">
      <img v-if="possinon" src="../../assets/icon/dingwei1.png" alt="" />
      <img v-if="!possinon" src="../../assets/icon/dingwei.png" alt="" />
      <!-- <button class="btn" id="LBS-btn" @click="bindEvent">获取当前位置</button> -->
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  props: {
    possinon: Boolean,
  },
  components: {},

  computed: {},

  mounted() {},

  methods: {
    bindEvent() {
      this.$emit("bindEvent");
    },
  },
};
</script>
<style lang="less" scoped>
.post {
  position: relative;
  width: 40px;

  height: 40px;
  bottom: 110px;
  .positioning {
    position: absolute;
    box-sizing: border-box;

    z-index: 9;
    width: 40px;
    left: 18px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    img {
      width: 25px;
      height: 25px;
    }
  }
}
</style>
